/**
 *  页面功能：客服发送给用户消息的控制界面
 *  页面前台名称：客服处理页面
 *  建立者 : 王钰苏
 *  建立日期：2019/5/18 7:30
 *  咨询邮件：1730797947@qq.com
 */

// 根据职工选择的对应的用户名称，显示出对应的历史消息记录以及对话框
$(".box ul .userlist").click(function(){
	// 将用户列表背景颜色都设置为空
	$(".box ul .userlist").css({"background":"","color":"rgba(192,187,191,0.7)"});
	// 将我们选中的背景颜色设置为淡金色
	$(this).css({"background":"rgb(217,211,135)","color":"black"});
	// 获得我们选中的用户名称
	var $username = $(this).text();
	// 将我们的对话记录和聊天输入框显示出来
	$(".box .getmess .show").css("display","none");
	$(".box .getmess .talkText,.box .getmess .inText").css("display","block");
	// 获得该选中用户的所有消息记录
	$.ajax({
		url:"getAllMess",
		type:"POST",
		data:{
			"username":$username
		},
		dataTye:"json",
		async:true,
		beforeSend:function(){
		},
		success:function(data){
			if(data.allmess!=undefined){
				console.log("----------接受历史消息记录消息----------");
				console.log("消息状态："+data.result);
				console.log("消息内容："+data.allmess);
				console.log("共"+data.len+"条消息");
				// 先清除聊天框中的所有内容
				$(".talkText:eq(0)").empty();
				// 再将获得的客服与用户的历史聊天记录加载进来
				for(var i=0; i<data.len;i++){
					console.log("获得的名称为："+data.allmess[i].sendName+",获得的身份是:"+data.allmess[i].sendIdent)
					if(data.allmess[i].sendName==$username&&data.allmess[i].sendIdent=="用户"){
						// 将接收到的用户消息作为元素添加的聊天对象框左边中
						$(".talkText:eq(0)").append("<div class='zjMess'><p class='kfImg'>用户</p><p class='kf'>"+data.allmess[i].sendMess+"</p></div>");
					}else{
						// 将接收到的职工消息作为元素添加的聊天对象框右边中
						$(".talkText:eq(0)").append("<div class='zjMess'><p class='zjImg'>客服</p><p class='zj'>"+data.allmess[i].sendMess+"</p></div>");
					}
					// 获得我们这次发送的对话框内容
					var lastMess = $(".talkText:eq(0) .zjMess").eq(i);
					// 获得我们这次发送的对话框中的文字内容
					if(data.allmess[i].sendName==$username) var lastMessText = lastMess.find(".kf");
					else lastMessText = lastMess.find(".zj");
					// 获得我们这次发送的对话框内容文字内容的宽
					var width = lastMessText.width();
					// 如果发送内容的宽度超过了一定大小，我们就让它固定宽度为300像素
					if(lastMessText.width()>300){
						lastMessText.css("width","300px");
					}
				}
				console.log("----------接收历史消息成功----------");
			}
		},
		error:function(){
			console.log("----------接收历史消息失败----------");
		}
	});
});

// 获得客服（职工）输入的数据
$(".inText input:eq(0)").click(function(){
	var text = $(".inText textarea:eq(0)").val();
	if(text!=null&&text.replace(" ", "")!=""){
	$.ajax({
		url:"sendWorkMess",
		type:"POST",
		data:{
			"user_mess":$(".inText textarea:eq(0)").val(),
		},
		dataTye:"json",
		async:true,
		beforeSend:function(){
			console.log("----------发送消息----------");
			console.log("消息内容："+$(".inText textarea:eq(0)").val());
			// 将发送的消息作为元素添加的聊天对象框中
			$(".talkText:eq(0)").append("<div class='zjMess'><p class='zjImg'>客服</p><p class='zj'>"+$(".inText textarea:eq(0)").val()+"</p></div>");
			// 获得我们最后一次发送的对话框内容
			var lastMess = $(".talkText:eq(0) .zjMess").last();
			// 获得我们最后一次发送的对话框中的文字内容
			var lastMessText = lastMess.find(".zj");
			// 获得我们最后一次发送的对话框内容文字内容的宽和高
			var width = lastMessText.width();
			var height = lastMessText.height();
			// 如果发送内容的宽度超过了一定大小，我们就让它固定宽度为400像素
			if(lastMessText.width()>300){
				lastMessText.css("width","300px");
			}
		},
		success:function(){
			console.log("发送消息成功");
			console.log("----------发送结束----------");
		},
		error:function(){
			console.log("发送消息失败");
			console.log("----------发送结束----------");
		}
	});
	$(".inText textarea:eq(0)").val("");
	}
	else{
		alert("输入内容不能为空~");
	}
});
// 职工收到对应用户的消息
function getMess(){
	$.ajax({
		url:"getWorkMess",
		type:"POST",
		data:{
		},
		dataTye:"json",
		async:true,
		beforeSend:function(){
		},
		success:function(data){
			if(data.sendMess!=undefined){
				console.log("----------接受消息----------");
				console.log("消息内容："+data.sendMess);
				// 将接收到的消息作为元素添加的聊天对象框中
				$(".talkText:eq(0)").append("<div class='zjMess'><p class='kfImg'>用户</p><p class='kf'>"+data.sendMess+"</p></div>");
				// 获得我们最后一次发送的对话框内容
				var lastMess = $(".talkText:eq(0) .zjMess").last();
				// 获得我们最后一次发送的对话框中的文字内容
				var lastMessText = lastMess.find(".kf");
				// 获得我们最后一次发送的对话框内容文字内容的宽和高
				var width = lastMessText.width();
				var height = lastMessText.height();
				// 如果发送内容的宽度超过了一定大小，我们就让它固定宽度为400像素
				if(lastMessText.width()>300){
					lastMessText.css("width","300px");
				}
				console.log("接收消息成功");
				console.log("----------接收结束----------");
			}
		},
		error:function(){
		}
	});
};

setInterval(getMess,500);